<template>
  <div>
    <el-row style="width: 80%">
      <el-card>
        <!-- <h1 class="title">关于我们</h1> -->
        <img
          src="../../assets/aboutme.jpg"
          class="image"
        />
        <div style="padding: 14px background-color:gray;">
          <el-scrollbar height="100px">
            <p>旧天堂书店网上商城隶属于新华互联电子商务有限责任公司。</p>

            <p>
              旧天堂书店互联电子商务有限责任公司成立于2015年10月20日，是由旧天堂书店总店联合全国各省市旧天堂书店共同出资，
            </p>
            <p>以旧天堂书店网上商城的建设和运营为核心的高新技术企业。</p>

            <p>公司围绕“立足文化 服务产业”的宗旨，</p>
            <p>
              建立适应互联网与移动互联网时代环境的全品种、优质化的出版物发行电商平台，
            </p>
            <p>
              形成线上营销和线下体验相结合的出版物发行新模式，努力成为具有核心竞争力的现代科技文化企业。
            </p>
          </el-scrollbar>
        </div>
      </el-card>
    </el-row>
  </div>
</template>
<script>
// import { url } from 'inspector';

// import { url } from 'inspector';

export default {
  name: "FirstInformation",
};
</script>
<style scoped>
.title {
  color: rgb(255, 255, 255);
  font-size: 23px;
}
.context {
  color: rgb(255, 255, 255);
}
.el-card {
  padding: 0px;
  background-color: transparent;
  border: 0px;
}
p {
  color: rgb(255, 255, 255);
}
.image {
  height: 206px;
  width: 476px;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  background-color: #35383a;
  /* 关键代码 */
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.4) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.4) 75%,
    transparent 75%,
    transparent
  );
  border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}
</style>